<?php $this->load->view('template/head_view') ?>
<?php $this->load->view('template/cabecario_view') ?>
<style>
    #map_canvas {
        width: 450px;
        height: 375px;
    }
</style>
<link href="<?php echo base_url() ?>css/screen.css" rel="stylesheet" type="text/css" media="screen" />   
<div id="welcome" class="conteudo">
    <?php if (isset($email_message)) echo "<div class='alert $email_message_type'>" . $email_message . "</div>"; ?>
    <div >
        <div class="panel-body">
            <div style="float: left; width: 50%" class="panel panel-default panel-body">
                <form action="<?php echo base_url(); ?>contato/faleconosco" method="post" >
                    <fieldset>
                        <legend>Fale Conosco</legend>
                        <div class="input-group">
                            <span class="input-group-addon">Nome</span>
                            <input type="text" name="ip_nome" class="form-control" required="true" />
                        </div><br/>
                        <div class="input-group">
                            <span class="input-group-addon">Email</span>
                            <input type="email" name="ip_email" class="form-control" required="false"/>
                        </div><br/>
                        <div class="input-group">
                            <span class="input-group-addon">Telefone</span>
                            <input type="text" name="ip_telefone" class="form-control input_fone" required="true"/>
                        </div><br/>
                        <div class="input-group">
                            <span class="input-group-addon">Assunto</span>
                            <input type="text" name="ip_assunto" class="form-control"  required="true"/>
                        </div><br/>
                        <div class="input-group">
                            <span class="input-group-addon">Mensagem</span>
                            <textarea class="form-control" name="ip_mensagem"/></textarea>
                        </div><br/>
                        <input type="submit" class="btn btn-default" value="Enviar">
                    </fieldset>
                </form>
            </div>
            <div style="float: left; width: 50%" class="panel panel-default panel-body">
                <div id="map_canvas"></div>
            </div>
        </div>        
    </div>
    <div class="panel-body">
        <div style="text-align: center;" class="panel panel-default panel-body">
            Institudo de Beleza Voga Ltda. <br/>
            Avenida Brasília, nº1032 - Centro - Medianeira - Paraná <br/>
            CEP.: 85884-000 - Tel.: (45) 3264-3341 <br/>
            email: aurora@vogabyaurora.com.br
        </div>
    </div>
</div>
<?php $this->load->view('template/rodape_view') ?>
<script type="text/javascript" src="<?php echo javaScriptJQuery() ?>"></script>
<script type="text/javascript" src="<?php echo javaScripMask() ?>"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
    window.onload = function() {
        $(".input_fone").mask("+55 (99) 9999-9999");
    };
    function initialize() {
        var myLatlng = new google.maps.LatLng(-25.288949, -54.095662);
        var mapOptions = {
            zoom: 15,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'Voga by Aurora'
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);
    
</script>